<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>EdN - Escuela de Negocios</title>
    
    <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,700,600' rel="stylesheet">
    
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">
    
    <!-- Custom CSS -->
    <link href="css/modern-business.css" rel="stylesheet">
    
    <!-- Img Gallery CSS -->
    <link rel="stylesheet" href="//blueimp.github.io/Gallery/css/blueimp-gallery.min.css">
    <link rel="stylesheet" href="css/bootstrap-image-gallery.min.css">

    <!-- Custom Fonts -->
    <link href="font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

    <!-- Navigation -->
    <?php include("include/head.php"); ?>
    
    
    
    <!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->
    <div id="blueimp-gallery" class="blueimp-gallery">
        <!-- The container for the modal slides -->
        <div class="slides"></div>
        <!-- Controls for the borderless lightbox -->
        <h3 class="title"></h3>
        <a class="prev">‹</a>
        <a class="next">›</a>
        <a class="close">×</a>
        <a class="play-pause"></a>
        <ol class="indicator"></ol>
        <!-- The modal dialog, which will be used to wrap the lightbox content -->
        <div class="modal fade">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" aria-hidden="true">&times;</button>
                        <h4 class="modal-title"></h4>
                    </div>
                    <div class="modal-body next"></div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default pull-left prev">
                            <i class="glyphicon glyphicon-chevron-left"></i>
                            Previous
                        </button>
                        <button type="button" class="btn btn-primary next">
                            Next
                            <i class="glyphicon glyphicon-chevron-right"></i>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    
    
    <!-- Page Content -->
    <div class="container">

        
        
        <!-- Page Heading/Breadcrumbs -->
        <div class="row">
            <div class="col-lg-12">
                <h1 class="page-header">Galería Multimedia</h1>
                <ol class="breadcrumb text-left">
                    <li><a href="index.php">Novedades</a>
                    </li>
                    <li class="active">Multimedia</li>
                </ol>
            </div>
        </div>
        <!-- /.row -->
        
        
        
        
        <!-- Projects Row -->
        <div class="row">
            
            
            
            
     <!-- GALERIA 3GMATIKA -->
     
     <link href="http://libertad.3gmatika.com/ws/vistas/css/galerias/clasico.css" rel="stylesheet" type="text/css"><script type="text/javascript" src="http://libertad.3gmatika.com/ws/vistas/js/ws.js"></script>
<script type="text/javascript" src="http://libertad.3gmatika.com/ws/vistas/js/galerias.js"></script>
<!--<script src="http://libertad.3gmatika.com/ws/vistas/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>-->
<link rel="stylesheet" href="http://libertad.3gmatika.com/ws/vistas/css/galerias/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<div id="3GMDivGalerias"></div>
<input type="hidden" id="TGMParametrosGalerias" name="TGMParametrosGalerias">
<script language="JavaScript">
	var TGMarGalerias = new Array();
	var TGMURL 		   = 'libertad.3gmatika.com'; //URL del proyecto (no editar)
	TGMarGalerias[0]   = 'url='+TGMURL; 		  
	TGMarGalerias[1]   = 'registrosxpagina=1';	//Cantidad de galerias x pagina en el listado
	TGMarGalerias[2]   = 'blnMostrarCboFiltroCategorias=1'; //Variable booleana (0 o 1) para indicar si se muestra o no el control COMBO para filtrar las galerias por categoria en el listado
	TGMarGalerias[3]   = 'blnMostrarCategoriaGaleriaEnListado=1'; //Variable booleana (0 o 1) para indicar si en el listado de galerias se muestra la categoria de la misma o no
	TGMarGalerias[4]   = 'blnMostrarCategoriaGaleriaEnGaleriaCompleta=1'; //Variable booleana (0 o 1) para indicar si en la galeria desplegada se muestra la categoria de la misma o no
	TGMarGalerias[5]   = 'intImagenesXFila=3'; //Variable numerica para indicar la cantidad de imagenes por fila
	TGMarGalerias[6]   = 'blnDescargarImagenes=1'; //Variable booleana para indicar si se muestra o no el link que permite la descarga de la imagen original
	TGMarGalerias[7]   = 'blnMostrarFechaDeGaleria=1'; //Variable booleana para indicar si se muestra o no la fecha de la galeria
	TGMarGalerias[8]   = 'blnMostrarLinkVolver=1'; //Variable booleana para indicar si se muestra o no el link que permite volver al listado de las galerias una vez dentro de una galeria
	TGMarGalerias[9]   = 'strSubFijo='; //Variable de texto que permite indicar un nombre para la instancia para poderla hacer independiente y que puedan convivir en una misma p�gina varios m�dulos de galerias
	TGMarGalerias[10]  = 'blnMostrarEncabezadoPaginador=1'; //Variable booleada (1 o 0) que permite indicar si se va a mostrar o no el encabezado del paginador que muestra informacion sobre la cantidad de paginas que componen el listado de los registros filtrados
	TGMarGalerias[11]  = 'strIdsGruposDeTrabajo=4'; //Variable de texto que permite introducir el o los codigos de identificacion (ID) de los Grupos de Trabajo para indicar que debe filtrar y mostrar registros de estos grupos de trabajo. Para indicar mas de un grupo de trabajo se debe separar con coma
	TresGMComponerLinkGaleria(TGMURL, TGMarGalerias);
</script>
     
     
       <!-- END GALERIA 3GMATIKA -->
            
            
            <br>
<br>
<br>
<br>

<hr/>
<br>
<br>
<br>
<br>
<br>


            <div class="col-md-4 col-sm-6 col-xs-12 img-portfolio">
                <a href="https://www.youtube.com/watch?v=cc9rBInYmRI" title="Video Demostrativo" type="text/html" data-youtube="cc9rBInYmRI" data-poster="http://img.youtube.com/vi/cc9rBInYmRI/0.jpg" data-gallery>
                    <img src="http://img.youtube.com/vi/cc9rBInYmRI/0.jpg" class="img-responsive">
                </a> 
                <h3>Video Demostrativo</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12 img-portfolio">
                <a href="https://www.youtube.com/watch?v=ITnjdovou3A" title="Video Demostrativo" type="text/html" data-youtube="ITnjdovou3A" data-poster="http://img.youtube.com/vi/ITnjdovou3A/0.jpg" data-gallery>
                    <img src="http://img.youtube.com/vi/ITnjdovou3A/0.jpg" class="img-responsive">
                </a> 
                <h3>Video Demostrativo</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12 img-portfolio">
                <a href="http://placehold.it/700x540" title="Imagen Demostrativa" data-gallery>
                    <img src="http://placehold.it/350x270" class="img-responsive" title="Imagen EDN" alt="Imagen EDN">
                </a>
                <h3>Imagen Demostrativa</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
            </div>
            
        </div>
        <!-- /.row -->

        <!-- Projects Row -->
        <div class="row">
            <div class="col-md-4 col-sm-6 col-xs-12 img-portfolio">
                <a href="https://www.youtube.com/watch?v=yP1yrrvDMes" title="Video Demostrativo" type="text/html" data-youtube="yP1yrrvDMes" data-poster="http://img.youtube.com/vi/yP1yrrvDMes/0.jpg" data-gallery>
                    <img src="http://img.youtube.com/vi/yP1yrrvDMes/0.jpg" class="img-responsive">
                </a> 
                <h3>Video Demostrativo</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12 img-portfolio">
                <a href="http://placehold.it/700x540" title="Imagen Demostrativa" data-gallery>
                    <img src="http://placehold.it/350x270" class="img-responsive" title="Imagen EDN" alt="Imagen EDN">
                </a>
                <h3>Imagen Demostrativa</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12 img-portfolio">
                <a href="http://placehold.it/700x540" title="Imagen Demostrativa" data-gallery>
                    <img src="http://placehold.it/350x270" class="img-responsive" title="Imagen EDN" alt="Imagen EDN">
                </a>
                <h3>Imagen Demostrativa</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
            </div>
        </div>
        <!-- /.row -->
        
        <div class="row">
            <!-- Pager -->
            <ul class="pager">
                <li class="previous">
                    <a href="#">&larr; Anteriores</a>
                </li>
                <li class="next">
                    <a href="#">Recientes &rarr;</a>
                </li>
            </ul>
        </div>       

    </div>
    <!-- /.container -->
    <br><br>
    
    
    <!-- Page Content -->
    <div class="container-fluid footer-bg">
        <div class="container">

        <!-- Footer -->
        <?php include("include/footer.php"); ?>
        <!-- /.Footer -->
        
        </div>
    </div>
    <!-- /.container -->

     <?php include("include/analytics.php"); ?>
    
    <!-- jQuery Version 1.11.0 -->
    <script src="js/jquery-1.11.0.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Img Gallery -->
    <script src="//blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script>
    <script src="js/bootstrap-image-gallery.min.js"></script>
    
</body>

</html>
